<body>
	<div class="wraper sidebar-full">
		<aside class="social-sidebar sidebar-full">
			
			<div class="social-sidebar-content">
				<div class="scrollable">
					<!--<div>
						<div>
							<a class="brand" href = '<?php echo site_url('khao-sat-truc-tuyen');?>'><img src="<?php echo base_url();?>media/ksv-logo.png" alt="Khảo sát việt - khảo sát trực tuyến"></a>
						</div>
						<div class="navigation-sidebar">
							<i class="switch-sidebar-icon icon-chevron-left"></i>
							<i class="switch-sidebar-full icon-chevron-right"></i>
							<span>Rút gọn</span>
						</div>
					</div>
					<hr>-->
          <div class="label-control">Keo va tha cau hoi khao sat</div>
					<section class="menu">
						<div id="drag-control">
      <ul class="nav nav-tabs fix-tabs nav-stacked tooltip-demo">
        <li id="radio">
          <a href="javascript:void(0)" title="Kéo và thêm một câu hỏi đa lựa chọn (Multiple Choise)">
            <img class="draggable" src="<?php echo base_url().'media/control/radio.png';?>" alt="radio button"> Câu hỏi nhiều lựa chọn
          </a>
        </li>
        <li id="checkbox">
          <a href="javascript:void(0)" title="Kéo và thêm một câu hỏi Checkbox">
            <img class="draggable" src="<?php echo base_url().'media/control/checkbox.png';?>" alt="checkbox"> Câu hỏi checbox
          </a>
        </li>
        <li id = "textbox">
          <a href="javascript:void(0)"  title="Kéo và thêm một câu hỏi văn bản ngắn (trên 1 dòng)">
            <img class="draggable" src="<?php echo base_url().'media/control/textbox.png';?>" alt="textbox"> Câu hỏi trả lời ngắn
          </a>
        </li>
        <li id="textarea">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi văn bản dài (trên nhiều dòng)">
            <img class="draggable" src="<?php echo base_url().'media/control/textarea.png';?>" alt="textarea"> Câu hỏi trả lời dài
          </a>
        </li>
        <li id="dropdown">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi DropDown">
            <img class="draggable" src="<?php echo base_url().'media/control/dropdownlist.png';?>" alt="dropdownlist"> Câu hỏi lựa chọn loại 1
          </a>
        </li>
        <li id="multitextbox">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một danh sách các câu hỏi văn bản ngắn">
            <img class="draggable"  src="<?php echo base_url().'media/control/group-text.png';?>" alt="dropdownlist"> Câu hỏi lựa chọn loại 2
          </a>
        </li>
        <li id="upload">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi Upload tập tin">
            <img class="draggable"  src="<?php echo base_url().'media/control/attach.png';?>" alt="dropdownlist"> Tải tập tin
          </a>
        </li>
        <li>
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi phân loại">
            <img class="draggable"  src="<?php echo base_url().'media/control/ranking.png';?>" alt="dropdownlist"> Câu hỏi phân loại
          </a>
        </li>
        <li id="table">
          <a href="javascript:void(0)" data-placement="right" data-toggle="tooltip" title="Kéo và thêm một câu hỏi dạng bảng (table)">
            <img class="draggable"  src="<?php echo base_url().'media/control/table.png';?>" alt="dropdownlist"> Câu hỏi dạng bảng
          </a>
        </li>
      </ul>
    </div>
					</section>
				</div>
			</div>
		</aside> 
	<header>